@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0; padding: 0;}
body, button, input, select, textarea {font: 12px/1.5 "Segoe UI", tahoma, arial, \5b8b\4f53, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
address, cite, dfn, em, var {font-style: normal;}
code, kbd, pre, samp {font-family: courier new, courier, monospace;}
small {font-size: 12px;}
ul, ol {list-style: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
legend {color: #000;}
fieldset, img {border: 0;}
button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
/* clear float */
.clearfix:after {clear: both; content: '.'; display: block; font-size: 0; height: 1; visibility: hidden;}
*html .clearfix {zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}

/* global */
body {background: #fff;}
body, td, th, input, select, textarea {color: #555; font-family: Arial, Helvetica, sans-serif;}
a {color: #666; text-decoration: none;}
a:hover {color: #f30; text-decoration: underline;}
.blank10 {clear: both; display: block; height: 10px; width: 100%;}
.tips {color: #aaa; padding-left: 5px;}
/* layout */
.wrapper {margin: 0 auto; width: 1000px;}
/* logo */
.logo {background: url(logo.png) no-repeat; display: block; float: left; height: 100px; width: 230px;}
/* navbar */
.navbar {background: url(navbar.png) repeat-x; border: solid 1px #119209; display: block; height: 38px;}
.navbar li {float: left; font: bold 14px/38px Arial; height: 38px; text-align: center; width: 100px;}
.navbar li a {color: #fff; display: block; text-decoration: none;}
.navbar li a:hover {background: url(navbar.png) repeat-x 0 -39px; color: #e4ff00;}
.navbar .navline {background: #13b5b9; display: block; height: 38px; width: 1px;}
/* sobox */
.sobox {float: right; padding-top: 20px;}
.sofrm {display: block; padding-top: 14px; position: relative; width: 500px;}
.sipt {background: url(ipt.png) no-repeat top left; border: solid 1px #53c1c8; display: block; font: normal 13px/30px normal; float: left; height: 30px; padding: 0 5px 0 90px; width: 300px;}
.sbtn {background: #16bcc7; border: 0; color: #fff; cursor: pointer; font: bold 14px normal; height: 32px; width: 70px;}
/* selopt */
#selopt {background: url(select.gif) no-repeat; height: 30px; width: 90px; position: absolute; left: 2px; top: 17px;}
#cursel {cursor: pointer; display: block; height: 28px; line-height: 28px; overflow: hidden; text-indent: 12px; width: 90px;}
#options {border: solid 1px #97c853; border-top: 0; display: none; list-style: none; position: absolute; left: -2px; width: 80px; z-index: 1000;}
#options li {background: #fff; clear: both; cursor: pointer;}
#options li a {color: #555; display: block; height: 25px; line-height: 25px; text-decoration: none; text-align: center;}
#options li a:hover {background: #97c853; color: #fff; display: block; text-decoration: none;}
.current {background: #97c853; color: #fff; display: block; text-decoration: none;}
/* inbox */
#inbox {background: #EEF9FF; border: solid 1px #bde1e3; padding: 5px 8px;}
#inbox h3 {color: #000000; float: left; height: 23px; line-height: 23px; width: 140px;}
.inlist {}
.inlist li {float: left; height: 23px; line-height: 23px; margin-right: 20px; white-space: nowrap;}
/* homebox */
.homebox {}
.homebox-left {float: left; width: 250px;}
.homebox-right {float: right; width: 740px;}
/* hcatebox */
.hcatebox {background: #EEF9FF; border: solid 1px #bde1e3; padding: 8px;}
.hcatebox dt {clear: both; display: block; font: bold 14px normal; padding: 5px 0;}
.hcatebox dt a {color: #000000;}
.hcatebox dd {}
.hcatelist {}
.hcatelist li {float: left; padding: 5px; width: 67px;}
.hcatelist li a {font-size: 13px;}
/* famebox */
.famebox {border: solid 1px #bde1e3;}
.famebox h3 {background: #EEF9FF; border-bottom: solid 1px #bde1e3; font: bold 14px normal; height: 30px;}
.famebox h3 span {background: #fff; border: solid 1px #bde1e3; border-bottom: 0; color: #000000; cursor: pointer; display: block; float: left; height: 25px; line-height: 25px; margin-left: 5px; margin-top: 5px; text-align: center; width: 80px;}
.fame_on {background: #fff; border: solid 1px #97c853; border-bottom: 0; color: #000000;}
.fame_off {color: #555;}
.famelist {padding: 8px;}
.famelist li {display: inline; float: left; height: 120px; line-height: 15px; margin: 3px 9px; text-align: center; width: 125px;}
.famelist li img {background: #fff; border: solid 1px #e8e8e8;}
.famelist li a {font-size: 13px;}
/* coolbox */
.coolbox {border: solid 1px #bde1e3;}
.coolbox h3 {background: #EEF9FF; border-bottom: dashed 1px #bde1e3; color: #000000; font-size: 14px; padding: 6px;}
.csitelist {padding: 5px 8px;}
.csitelist li {display: block; font-size: 14px; height: 30px; overflow: hidden; vertical-align: top; width: 100%;}
.csitelist li h4 {display: block; float: left; font: bold 13px normal; height: 30px; line-height: 30px; width: 70px;}
.csitelist li h4 a {color: #000000;}
.csitelist li span {display: block; float: left; height: 30px; line-height: 30px; margin-right: 20px; overflow: hidden; white-space: nowrap; width: 90px;}
.csitelist li span a {font-size: 13px;}
.csitelist .more {color: #083; float: right; font-size: 12px; line-height: 30px;}
/* linkbox */
.linkbox {background: #EEF9FF; border: solid 1px #bde1e3; padding: 5px 8px;}
.linkbox h3 {float: left; height: 23px; line-height: 23px; width: 60px;}
.linklist {}
.linklist li {float: left; height: 23px; line-height: 23px; margin-right: 20px; vertical-align: top; white-space: nowrap;}
/* sitepath */
.sitepath {padding: 10px 0;}
/* scatebox */
.scatebox {background: #EEF9FF; border: dashed 1px #bde1e3; padding: 5px 10px;}
.scatebox h3 {float: left; font-weight: bold; width: 70px;}
.scatelist {display: block; float: left; width: 850px;}
.scatelist li {float: left; height: 25px; line-height: 25px; width: 76px;}
.scatelist li strong {color: #f60;}
/* bestbox */
.bestbox {border: solid 1px #bde1e3;}
.bestbox h3 {background: #EEF9FF; border-bottom: dashed 1px #bde1e3; color: #000000; font-size: 14px; padding: 6px;}
.bestlist {padding: 5px;}
.bestlist li {padding: 6px;}
/* hotbox */
.hotbox {border: solid 1px #bde1e3;}
.hotbox h3 {background: #EEF9FF; border-bottom: dashed 1px #bde1e3; color: #000000; font-size: 14px; padding: 6px;}
.hotlist {padding: 5px;}
.hotlist li {padding: 6px;}
.hotlist li span {color: #f60; float: left; font: normal 14px Arial;}
.hotlist li em {color: #aaa; float: right;}
/* mainbox */
.mainbox {}
.mainbox-left {float: left; width: 740px;}
.mainbox-right {float: right; width: 250px;}
/* timelink */
.timelink {float: right;}
.timelink a {color: #000000; font-size: 12px; font-weight: normal; margin: 0 5px;}
a.timelink_bg {background: #000000; color: #fff; padding: 3px;}
/* arcbox */
.arcbox {background: #EEF9FF; border: dashed 1px #bde1e3; padding: 10px;}
.arcbox h3 {color: #000000; font-size: 14px; padding-bottom: 10px;}
.arclist {}
.arclist li {}
.arclist li h3 {color: #000000;}
.arclist li p {line-height: 23px; padding: 3px 0;}
.arclist li a {color: #555; padding: 0 7px; text-decoration: none;}
/* listbox */
.listbox {border: solid 1px #bde1e3;}
.listbox h3 {background: #EEF9FF; border-bottom: dashed 1px #bde1e3; color: #000000; font-size: 14px; padding: 6px;}
.sitelist {padding: 0 15px;}
.sitelist li {border-bottom: dashed 1px #dadada; display: block; height: 90px; padding: 15px 0;}
.thumb {background: #fff; border: solid 1px #e8e8e8; float: left; width: 120px;}
.info {float: right; width: 575px;}
.title {color: #06c; font-size: 14px; font-weight: bold;}
.intro {height: 50px; line-height: 25px; overflow: hidden;}
.attr {color: #999;}
.url {color: #000000;}
.gre {color: #000000;}
.visit {background: url(visit.gif) no-repeat right; color: #000000; font: normal 12px Arial; padding-right: 15px;}
/* showpage */
.showpage {display: block; font-size: 12px; text-align: left; padding: 10px;}
.total_page, .jump_page {background: #3289a9; border: solid 1px #3289a9; color: #fff; display: block; float: left; margin-right: 5px; padding: 3px 6px;}
.first_page, .last_page, .prev_page, .next_page, .pages {background: #fff; border: 1px solid #54a932; color: #54a932; display: block; float: left; margin-right: 5px; padding: 3px 6px; text-decoration: none;}
.current {background: #3289a9; color: #fff; display: block; float: left; margin-right: 5px; padding: 4px 7px;}
/* sitebox */
.sitebox {background: #fff; border: solid 1px #3289a9; border-top: solid 2px #3289a9; padding: 15px 0;}
.wtitle {color: #f60; font: bold 24px Arial; padding-left: 15px; padding-bottom: 15px;}
.wtitle a {color: #F60; text-decoration: none;}
.wtitle font {font: normal 12px normal;}
.wdata {background: #fcfcfc; border-top: dotted 1px #dadada; border-bottom: dotted 1px #dadada; height: 40px; list-style: none; padding: 5px;}
.wdata li {color: #9177aa; display: block; float: left; text-align: center; width: 80px;}
.wdata li em {display: block; font-size: 13px; padding-top: 3px;}
.line {border-right: solid 1px #ddd;}
#retips {display: block; height: 13px; margin-top: 10px;}
#retips a {font-size: 12px; text-decoration: underline;}
.wthumb {background: #f9f9f9; border: solid 1px #dadada; padding: 10px;}
.siteinfo {padding: 15px;}
.siteinfo li {padding-bottom: 8px;}
.siteinfo li strong {width: 70px;}
.siteinfo li a {color: #06c;}
.infoad {background: #fff; border: solid 1px #e8e8e8; margin-top: 15px; padding: 10px; text-align: center;}
/* relsite */
.relsite {background: #fff; padding: 10px;}
.relsite h3 {border-bottom: solid 1px #e8e8e8; font-size: 14px; padding-bottom: 8px;}
.rellist {padding-top: 10px;}
.rellist li {display: inline; float: left; height: 115px; margin: 8px; text-align: center; width: 126px;}
.rellist li img {background: #fff; border: solid 1px #e8e8e8; padding: 2px;}
.rellist li strong {display: block; font-weight: normal; height: 15px; overflow: hidden; white-space: nowrap;}
.rellist li a {color: #06c;}
/* comment */
.comment {padding: 10px;}
.comment h3 {border-bottom: solid 1px #e8e8e8; font-size: 14px; padding-bottom: 8px;}
.comment-list {}
.comment-list li {padding: 10px 0 10px 75px; position: relative; zoom: 1; min-height: 52px;}
.comment-gravatar {position: absolute; left: 0; top: 10px; width: 54px; height: 60px; text-align: center;}
.comment-title {background: #f2fbf2; color: #06c; font-size: 14px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; text-indent: 5px; white-space: nowrap;}
.comment-title time {color: #999; font-size: 12px;}
.comment-text {line-height: 25px; padding: 5px 0;}
.comment-reply {background: #fafef6; border: dotted 1px #c6e0af; line-height: 25px; margin: 5px 0; padding: 3px 8px;}
/* tagbox */
.tagbox {border: solid 1px #bde1e3;}
.tagbox h3 {background: #EEF9FF; border-bottom: dashed 1px #bde1e3; color: #000000; font-size: 14px; padding: 6px;}
.tagbox ul {padding: 5px 0;}
.tagbox ul li {font: normal 12px Arial; list-style: inside circle; padding: 5px; padding-left: 15px;}
.tagbox ul li em {font-size: 10px;}
/* infoad */
#infoad {background: #fff; border: solid 1px #e8e8e8; padding: 10px; text-align: center;}
/* catebox */
.catebox {padding-bottom: 10px;}
.catebox h3 {font-size: 14px;}
.catebox h3 em {color: #aaa; font: normal 11px Arial;}
.catebox h3 a {color: #000000;}
.catelist {padding-top: 5px;}
.catelist li {float: left; height: 25px; line-height: 25px; text-align: center; width: 110px;}
.catelist li em {color: #aaa; font: normal 11px Arial;}
/* topsite */
.topsite {border: solid 1px #bde1e3; float: left; width: 360px;}
.topsite h2 {background: #EEF9FF; border-bottom: dashed 1px #bde1e3; color: #000000; font-size: 14px; padding: 6px;}
.toplist {padding: 5px;}
.toplist li {overflow: hidden; padding: 5px 10px; white-space: nowrap; _width: 310px;}
.toplist li span {color: #f30; padding-right: 10px;}
.toplist li em {font: normal 12px Arial;}
.toplist li em a {color: #000000;}
.toplist li a {color: #555; text-decoration: none;}
.toplist li a:hover {color: #f30; text-decoration: underline;}
/* apply */
.subbox {background: #fff; border: solid 1px #e6e8eb;}
.subbox h2 {font-size: 14px; padding: 10px;}
.subbox form {margin: 30px 0 10px 150px;}
.stepbox {margin: 0 auto; padding: 10px;}
.stepbox h3 {border-bottom: dashed 1px #dadada; font: bold 14px normal; padding-bottom: 10px;}
.stepbox p {padding: 15px;}
.textbox {background: #ffe; border: dashed 1px #f30; color: #000000; line-height: 23px; margin-bottom: 10px; padding: 10px;}
.formbox {}
.formbox li {display: block; padding: 3px;}
.formbox li strong {display: block; float: left; font-weight: normal; height: 25px; line-height: 25px; text-align: right; width: 90px;}
.formbox li p {float: left; padding-top: 0;}
.fipt {background: #fff url(ipt.png); border: solid 1px #e8e8e8; font-size: 13px; padding: 6px;}
.fbtn {background: #66CCCC; border: 0; color: #fff; cursor: pointer; padding: 6px;}
/* resbox */
.resbox {background: #f8fef4; border: dashed 1px #690; line-height: 25px; margin: 10px; padding: 10px 15px;}
/* urlbox */
.urlbox {margin: 10px;}
.urlbox h3 {float: left; padding-right: 30px;}
.urlbox ul {}
.urlbox ul li {float: left; padding: 5px 0; padding-right: 30px;}
/* footer */
.footer {height: 70px; text-align: center;}
.fmenu {background: #EEF9FF; border: solid 1px #bde1e3; color: #ccc; padding: 7px;}
.fmenu a {color: #000000; padding: 0 3px; text-decoration: none;}
.fmenu a:hover {text-decoration: underline;}
.fcopy {line-height: 23px; padding-top: 5px;}